Migrate UI Hooks to @kubernetesjs/react and Implement Namespace Context

Summary

This PR migrates all UI hooks from the custom KubernetesContext to use the generated hooks from @kubernetesjs/react package, implements a new NamespaceContext for global namespace management, and adds support for _all namespace for cluster-wide queries.

Changes Made

🔄 Context Migration

• Removed: ui/contexts/KubernetesContext.tsx - deprecated custom context
• Added: ui/contexts/NamespaceContext.tsx - new namespace management context
• Updated: ui/app/providers.tsx - now uses KubernetesProvider from @kubernetesjs/react/context and new NamespaceProvider

🎣 Hook Migration

Migrated all hooks in ui/hooks/ to use generated React Query hooks:

• useNamespaces.ts - namespace management hooks
• usePods.ts - pod management with cluster-wide support
• useDeployments.ts - deployment management with scaling
• useServices.ts - service management
• useConfigMaps.ts - config map management
• useSecrets.ts - secret management
• useDaemonSets.ts - daemon set management
• useReplicaSets.ts - replica set management with scaling
• useJobs.ts - job management (new)

🌐 Namespace Support

• _all namespace: Enables cluster-wide resource viewing using ForAllNamespaces query variants
• Fallback logic: Mutations use default namespace when _all is selected
• Persistence: Namespace selection persists in localStorage
• Dropdown: Updated namespace switcher with "All Namespaces" option

🔧 Component Updates

• components/dashboard-layout.tsx - updated to use new namespace context
• components/namespace-switcher.tsx - enhanced with _all support and better UI
• components/templates/template-dialog.tsx - migrated to use mutation hooks
• components/resources/pods.tsx - updated to use new namespace context

📦 Import Updates

• All imports updated to use @kubernetesjs/react generated hooks
• Consistent use of usePreferredNamespace() across components
• Proper mutation hook naming (added Mutation suffix)

Key Features

Namespace Context

const { namespace, setNamespace } = usePreferredNamespace()
// namespace can be 'default', 'kube-system', '_all', etc.

Cluster-wide Queries

// When namespace === '_all', uses cluster-wide queries
const { data } = usePods() // automatically handles _all vs namespaced

Preserved Signatures

All existing hook signatures are preserved to maintain backward compatibility:

// These continue to work exactly as before
const { data } = useDeployments()
const { data } = usePods(namespace)
const mutation = useDeletePod()

Testing

• ✅ All hook imports resolve correctly
• ✅ Namespace context provides global state management
• ✅ _all namespace triggers cluster-wide queries
• ✅ Mutations fall back to default namespace appropriately
• ✅ Namespace dropdown includes "All Namespaces" option
• ✅ Existing hook signatures preserved (no breaking changes)

Migration Benefits

1. Generated Hooks: Leverages type-safe, auto-generated React Query hooks
2. Better Performance: Built-in caching and optimization from React Query
3. Cluster-wide Views: Support for viewing resources across all namespaces
4. Simplified Code: Removed manual query key management and client instantiation
5. Type Safety: Full TypeScript support with generated types
6. Consistent API: Standardized hook patterns across all resource types

Breaking Changes

None - all existing hook signatures and behavior are preserved.

Link to Devin run: https://app.devin.ai/sessions/20e9e58bb4df43d38e1a80ba6e8ac1ad

Requested by: Dan Lynch (pyramation@gmail.com)